<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<title>学生信息管理</title>
<style type="text/css">
html {
	height: 100%;
	display: table;
	width: 100%;
}

body {
	display: table-cell;
	height: 100%;
	width: 100%;
}

.container {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
	width: 100%;
}

header {
	/* background: #cecece; */
	min-height: 80px;
	border-bottom: 1px solid gray;
}

content {
	/* background: #bbbbbb; */
	overflow:hidden;
	flex: 1; /* 1 代表盡可能最大，會自動填滿除了 header footer 以外的空間 */
}

footer {
	/* background: #333333; */
	border-top: 1px solid gray;
	min-height: 60px;
	text-align: center;
}

ul {
	height: 100%;
}

ul li {
	list-style: none;
}

.clear {
	clear: both;
} /* 清除空白盒子的所有浮动 */
</style>
</head>
<body style="margin: 0; padding: 0;">

	<div class="container">
		<header>
			<h2>&nbsp;&nbsp;学生管理系统</h2>
		</header>
		<content>
		<div
			style="width: 30%; height:323px; float: left; border-right: 1px solid gray;">
			<ul style="height: 100%;">
				<li><a href="/student" target="list">学生管理</a></li>
				<li><a href="/student?action=insert" target="list">教师管理</a></li>
				<li><a>课程管理</a></li>
				<li><a>成绩管理</a></li>
			</ul>
		</div>
		<div style="width: 69%; height:323px; float: right;">
			<iframe height="100%" width="100%" frameborder="0" src="/student"
				scrolling="no" name="list"> </iframe>
		</div>
		<!-- 空白盒子 --> 
		<div class="clear"></div>
		</content>
		<footer>
			<p>本系统由xxx公司开发，版权所有，违者必究</p>
		</footer>
	</div>
</body>
</html>